<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOM</title>
    <script>
       window.onload = function(){//延迟代码执行 文档加载完毕再执行代码
        console.log(1);
        // alert('代码按照从上到下顺序执行')
        var div=document.getElementsByClassName('one')[0];
        console.log(div);
        var div1=document.getElementById('two');
        console.log(div1);
        var div2=document.getElementsByTagName('div');
        console.log(div2);
        // // 获取标签的方法
        // document.getElementById('two');
        // // 获取类名为one的标签 返回一个类数组对象
        // document.getElementsByClassName('one');
        // // 获取name属性为three的标签 返回一个类数组对象
        // document.getElementsByName();
        // // 获取标签名为div的标签
        // document.getElementsByTagName('div')
       }
    </script>
</head>
<body>
    hello
    <div class="one" id="two">文本内容</div>
    world
    <div class="three" id="four">我是第二个div</div>
    <!-- 注释内容 --> 
</body>

</html>